Skip to content

docs: comprehensive documentation overhaul#363

Merged
AlemTuzlak merged 21 commits intomainfrom
worktree-lexical-sauteeing-pebble
Mar 4, 2026
Merged

docs: comprehensive documentation overhaul#363
AlemTuzlak merged 21 commits intomainfrom
worktree-lexical-sauteeing-pebble

Conversation

@AlemTuzlak
Copy link
Collaborator

Summary

  • Restructured docs navigation with new Concepts (architecture, event system, plugin lifecycle, source inspector) and Guides (building custom plugins, devtools-utils, bidirectional communication) sections
  • Added full Vue framework documentation (basic setup, adapter reference, custom plugins guide)
  • Added Solid custom plugins guide
  • Expanded overview with package map, architecture diagram, and feature list
  • Expanded quick-start to cover all 4 frameworks (React, Preact, Solid, Vue)
  • Added Preact and Vue installation instructions
  • Replaced React adapter TODO with actual content
  • Expanded Vite plugin features documentation
  • Fixed event map key convention across all custom plugin docs (keys are suffix-only, not prefixed)
  • Fixed internal link extensions and typos

New pages

Page Description
docs/architecture.md Package dependency graph, 3-layer model, data flow
docs/event-system.md EventClient API, type safety, connection lifecycle
docs/plugin-lifecycle.md Plugin interface, mount sequence, state persistence
docs/source-inspector.md Source injection, hotkeys, editor configuration
docs/building-custom-plugins.md Framework-agnostic 5-step plugin building guide
docs/devtools-utils.md Plugin factory helpers for all frameworks
docs/bidirectional-communication.md Two-way event patterns and time travel
docs/framework/vue/basic-setup.md Vue setup with component-based plugins
docs/framework/vue/adapter.md Vue adapter types and API differences
docs/framework/vue/guides/custom-plugins.md Vue custom plugins guide
docs/framework/solid/guides/custom-plugins.md Solid custom plugins guide

Test plan

  • npx tsx scripts/verify-links.ts — all docs links verified, no broken links
  • All event map keys use suffix-only convention matching EventClient API
  • Vue docs use component instead of render matching Vue adapter types
  • Visual review on tanstack.com after deploy

Comprehensive plan for restructuring TanStack Devtools documentation
with layered architecture approach: Getting Started, Concepts, Guides,
API Reference, and Examples sections. Adds 11 new pages including
architecture overview, event system deep-dive, Vue framework support,
and plugin building guides.
18-task plan covering: navigation restructure, 4 new Concepts pages
(architecture, event system, plugin lifecycle, source inspector),
3 new Guides (custom plugins, devtools-utils, bidirectional comms),
Vue framework support, Solid custom plugins, and updates to existing
pages including overview, quick-start, installation, and React adapter.
- Event map keys should be suffix-only (e.g., 'state-update'), not
  prefixed with pluginId. EventClient prepends pluginId automatically.
  Fixed across all custom plugin guides and concept pages.
- Fix enabled:false docs in event-system.md (emit is a no-op, not
  internal dispatch)
- Fix double "the the" typo in installation.md
- Remove .md extensions from internal doc links for consistency
- Fix event map key in configuration.md example
@changeset-bot
Copy link

changeset-bot bot commented Mar 4, 2026

⚠️ No Changeset found

Latest commit: 90cc506

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

- overview.md: architecture layer diagram
- event-system.md: connection lifecycle state diagram
- plugin-lifecycle.md: mount sequence flowchart + portal pattern diagram
- source-inspector.md: inspection flow diagram
- building-custom-plugins.md: plugin architecture overview
- bidirectional-communication.md: two-way flow + time travel sequence diagram
- vite-plugin.md: sub-plugin overview diagram
@AlemTuzlak AlemTuzlak merged commit 9bf08e2 into main Mar 4, 2026
1 check passed
@AlemTuzlak AlemTuzlak deleted the worktree-lexical-sauteeing-pebble branch March 4, 2026 12:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant